<template>
  <div class="home">
    <div class="home-left"><Menu /></div>
    <div class="home-right">
      <MenuTop /><HomeMain v-if="$route.path === '/'" /><router-view />
    </div>
  </div>
</template>

<script>
import Menu from "../components/Menu.vue";
import MenuTop from "../components/MenuTop.vue";
import HomeMain from "./HomeMain.vue";
export default {
  name: "Home",
  components: { Menu, MenuTop, HomeMain },
};
</script>
<style  lang='less'>
.home {
  display: flex;
  height: 100%;
  // overflow: hidden;
  .home-right {
    height: 100vh;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    overflow: auto;
  }
}
</style>
